﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>树干树叶模式</title>
    <script type="text/javascript" src="../../../Scripts/bootstrap/js/jquery.min.js"></script>
    <script src="../../../Scripts/QueryString.js" type="text/javascript"></script>
    <link href="../../../../DataUser/Style/ccbpm.css" rel="stylesheet" type="text/css" />
    <!-- 引用通用的js文件. -->
    <script type="text/javascript" src="../../../Scripts/config.js"></script>
    <script type="text/javascript" src="../../../Comm/Gener.js"></script>
    <script src="DDLBar.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        //页面启动函数.
        $(function () {
            InitBar("PopBranchesAndLeafLazyLoad");
            var html = "";
            var mapExt = new Entity("BP.Sys.MapExt");
            mapExt.MyPK = "PopBranchesAndLeafLazyLoad_" + GetQueryString("FK_MapData") + "_" + GetQueryString("KeyOfEn");
            var i = mapExt.RetrieveFromDBSources(); //从数据库来查询.
            // alert(mapExt.Tag);
            //alert(mapExt.MyPK);

            if (mapExt.GetPara("SelectType") == "")
                mapExt.SetPara("SelectType", "1");

            //alert(i);

            //批量为复制.
            GenerFullAllCtrlsVal(mapExt);

            //基本属性.
            // $("#TB_Title").val(mapExt.GetPara("Title"));
            //p").val(mapExt.GetPara("SearchTip"));
            // $("#TB_RootTreeNo").val(mapExt.GetPara("RootNo")); //树的根节点编号.

            //设置按钮是否可以用?
            if (i == 0) {
                $("#Btn_Delete").attr("disabled", true);
                $("#Btn_FullData").attr("disabled", true);
            } else {
                $("#Btn_Delete").removeAttr("disabled");
                $("#Btn_FullData").removeAttr("disabled");
            }
        });
        function Save() {

            //更新节点表单类型.
            var frmID = GetQueryString("FK_MapData");
            var keyOfEn = GetQueryString("KeyOfEn");

            var en = new Entity("BP.Sys.MapAttr", frmID + "_" + keyOfEn);
            en.SetPara("PopModel", "PopBranchesAndLeafLazyLoad");
            en.Update();
            var mapExt = new Entity("BP.Sys.MapExt");
            mapExt.MyPK = "PopBranchesAndLeafLazyLoad_" + GetQueryString("FK_MapData") + "_" + GetQueryString("KeyOfEn");
            mapExt.RetrieveFromDBSources(); //从数据库来查询.

            mapExt.CopyURL();  //从url里面copy数据.
            mapExt.CopyForm(); //从from里面copy数据.

            //mapExt.SetPara("SearchTip", $("#TB_SearchTip").val());
            //mapExt.SetPara("RootNo", $("#TB_RootTreeNo").val()); //树的根节点编号.

            //var val= $("#DDL_SelectType").val();
            //alert(val);
            //mapExt.SetPara("SelectType", val); //选择类型.

            mapExt.ExtType = "PopBranchesAndLeafLazyLoad";
            mapExt.AttrOfOper = GetQueryString("KeyOfEn");


            var err = "";

            if (mapExt.GetPara("Title") == "")
                err += '\t\n必填字段[标题]不能为空';

            if (mapExt.Tag1 == "")
                err += '\t\n必填字段[搜索数据源]不能为空';

            if (mapExt.Tag2 == "")
                err += '\t\n必填字段[左侧树列表数据源]不能为空';

            if (mapExt.Tag == "")
                err += '\t\n必填字段[数据列名与中文意思对照]不能为空';

            if (mapExt.DBType == "")
                err += '\t\n必填字段[数据源类型]不能为空';

            var val = mapExt.Save();
            // alert(val);
            window.location.href = window.location.href;
        }
        function Delete() {

            if (confirm('您确定要删除吗？') == false)
                return;

            var mapExt = new Entity("BP.Sys.MapExt");
            mapExt.MyPK = "PopBranchesAndLeafLazyLoad_" + GetQueryString("FK_MapData") + "_" + GetQueryString("KeyOfEn");
            mapExt.RetrieveFromDBSources(); //从数据库来查询.
            mapExt.Delete();
            window.location.href = window.location.href;
        }

    </script>
    <style type="text/css">
        .style1
        {
            height: 21px;
        }
    </style>
</head>
<body>
    <div id="bar">
    </div>
    <form id="cc">
    <table id="Table1" style="width: 99%;">
        
        <tr>
            <th colspan="2">
                基本信息
            </th>
        </tr>
        <tr>
            <td>
                标题
            </td>
            <td>
                <input type="text" id="TBPara_Title" name="TBPara_Title" style="width: 99%;" />
                <br />
                <font color="gray">显示在窗口的文字，比如:关联流水. </font>
            </td>
        </tr>
        <tr>
            <td>
                弹窗属性
            </td>
            <td>
                高度:<input type="text" id="TB_H" name="TB_H" style="width: 80px; text-align: right" />
                宽度:<input type="text" id="TB_W" name="TB_W" style="width: 80px; text-align: right" />
            </td>
        </tr>
        <tr>
            <td>
                搜索提示
            </td>
            <td>
                <input type="text" id="TBPara_SearchTip" name="TBPara_SearchTip" style="width: 90%;" />
                <br>
                <font color="gray">显示在搜索文本框的背景文字,比如：请输入付款人名称,进行搜索.</font>
            </td>
        </tr>
        <tr>
            <td>
                高级设置
            </td>
            <td>
                数据源类型
                <select id="DDL_DBType" name="DDL_DBType">
                    <option value="0">执行SQL</option>
                    <option value="1">执行url返回JSON</option>
                    <option value="2">执行CCFromRef.js返回JSON</option>
                </select>
                选择类型:
                <input type="radio" id="RBPara_SelectType_0" name="RBPara_SelectType" value="0" />
                <label for="RBPara_SelectType_0">
                    单选</label>
                <input type="radio" id="RBPara_SelectType_1" name="RBPara_SelectType" value="1" />
                <label for="RBPara_SelectType_1">
                    多选</label>
            </td>
        </tr>
        <tr>
            <th colspan="2">
                搜索数据源
            </th>
        </tr>
        <tr>
            <td colspan="2">
                <textarea id="TB_Tag1" name="TB_Tag1" style="width: 99%; height: 23px;">
</textarea>
            </td>
            <tr>
                <td colspan="2">
                    <font color="gray">点击关键字执行搜索返回的数据源,
                        <br />
                        比如:/DataUser/Handler.ashx?DoType=SearchEmps&Keyword=@Key @Key是关键字,是搜索的关键字. </font>
                </td>
            </tr>
        </tr>
        <tr>
            <th colspan="2">
                左侧树列表数据源
            </th>
        </tr>
        <tr>
            <td colspan="2">
                <textarea id="TB_Tag2" name="TB_Tag2" style="width: 99%; height: 23px;">
</textarea>
                <font color="gray">设置一个可以返回json的数据源该数据源有No,Name,ParentNo三个约定的列.
                    <br />比如:/DataUser/Handler.ashx?DoType=ReqDepts </front>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                根目录树编号:<input id="TB_Doc" name="TB_Doc" value="0" style="width: 250px;" type="text">
                    支持ccbpm的表达式,比如:@WebUser.FK_Dept , @FieldName
                    <!--<font color=gray>对树结构有效</font>-->
                </input>
            </td>
        </tr>
        <tr>
            <th colspan="2">
                右上列表信息数据源(点左边树一个节点查询数据源)
            </th>
        </tr>
        <tr>
            <td colspan="2">
                <textarea id="TB_Tag3" name="TB_Tag3" style="width: 99%; height: 23px;">
</textarea>
                <font color="gray">选择右边的树返回的详细信息列表数据源,
                    <br />
                    比如:/DataUser/Handler.ashx?DoType=ReqEmpsByDeptNo&DeptNo=@Key
                    <br />
                    @Key是关键字,是搜索的关键字. </font>
            </td>
        </tr>
        <tr>
            <th colspan="2">
                数据列名与中文意思对照
            </th>
        </tr>
        <tr>
            <td colspan="2">
                <input id="TB_Tag" name="TB_Tag" style="width: 100%;" />
                <font color="gray">该选项可以为空,在右上角的列表里查询或点树树干的数据源出现的列表,需要用中文显示列头. 例如: No=编号,Name=名称,Addr=地址,</font>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
